/**
 * @description: 居中
 * @Date: 2022-08-30 14:47:01
 */
.overallCenter{
  display:flex;
  align-items:center;
  justify-content:center;
}
/**
 * @description: 居中起点对齐
 * @Date: 2022-08-30 14:47:01
 */
.overallLeft{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}
/**
 * @description: 居中终点对齐
 * @Date: 2022-08-30 14:47:01
 */
.overallRight{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
/**
 * @description: 项目两边之间的空白间距是相等的，垂直居中
 * @Date: 2022-08-30 14:47:01
 */
.overallAround{
  display:flex;
  align-items:center;
  justify-content:space-around;
}
/**
 * @description: 居中两端对齐，项目之间的间隔都是相等的 对齐
 * @Date: 2022-08-30 14:47:01
 */
.overallbaseline{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
}
/**
 * @description: 居中两端对齐，项目之间的间隔都是相等的
 * @Date: 2022-08-30 14:47:01
 */
.overallBetween{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
/**
 * @description: 项目两边之间的空白间距是相等的，换行
 * @Date: 2022-08-30 14:46:52
 */
.overallWrap{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-around;
}
/**
 * @description: 项目均匀对齐，换行
 * @Date: 2022-08-30 14:45:51
 */
.overallWrap-evenly{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-evenly; 
}
/**
 * @description: 项目起点对齐，换行
 * @Date: 2022-08-30 14:45:51
 */
.overallWrap-Left{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
}
/**
 * @description: 项目居中，换行
 * @Date: 2022-08-30 14:45:51
 */
.overallWrap-content{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
}
/**
 * @description: 居中两端对齐，项目之间的间隔都是相等的 可换行
 * @Date: 2022-08-30 14:45:33
 */
.overallBetweenWrap{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
}
/**
 * @description: 多个元素垂直方向水平居中
 * @Date: 2022-08-30 14:45:33
 */
.overallVerticalLevelCentered{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/**
 * @description: 垂直方向居中对齐
 * @Date: 2022-08-30 14:45:23
 */
.overallVerticalCentered{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/**
 * @description: 多行文字省略
 * @param {*} -webkit-line-clamp  参数 数字为N就是多少行省略
 * @Date: 2022-08-30 14:44:11
 */
.omissionOfWords{
  overflow: hidden;      
  text-overflow: ellipsis;      
  display: -webkit-box; 
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; 
}
/**
 * @description: 单行文字省略
 * @Date: 2022-08-30 14:44:11
 */
.singleline{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
/**
 * @description: 禁止复制文字
 * @Date: 2022-08-30 14:44:11
 */
.noCopying{
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
/**
 * @description: 顶部对齐
 * @Date: 2022-08-30 14:43:01
 */
.AlignTop{ 
  display:inline-block !important;
  vertical-align: top !important;
  text-align: left;
}
/**
 * @description: 文字分布  注：必须是文字，如果是数字或者abc这种要用空格分开，否则连一起。
 * @Date: 2022-08-30 14:44:01
 */
.TEXTdistribution {
  text-align-last:justify;
  text-align:justify;
  text-justify:distribute-all-lines;
}